<template>
  <div class="home">
    <h2 class="h2">欢迎</h2>
    <h2 class="h2" @click="dialogVisible = true">欢迎</h2>
    <h2 class="h2">欢迎</h2>
    <el-dialog title="数据录入" :visible.sync="dialogVisible" width="30%" :center="true" :destroy-on-close="true">
      <!-- <createForm :pushFormData="pushFormData" /> -->
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'home',
  components: {
  },
  data() {
    return {
      dialogVisible: false
    }
  },
};
</script>

<style lang="less" scoped>
.home {
  width: 100%;
  height: 100%;
  background-size: cover;
  overflow: auto;
}

.h2 {
  // margin-top: -120px;
  font-size: 68px;
  height: 100%;
  margin: 0;
  // border: 1px solid red;
}
</style>
